<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<button v-on:click="doit()">点击一下</button>
			<button @click="doit()">doit</button>
			<h2>{{msg}}</h2>
			<!-- 课堂练习，模拟购物车购物数量动态操作的行为，
			 像购物车中添加商品，商品数量+1；点击减号，则商品数量递减。
			 已知：购物车单件商品最多只能加入10件商品，最少为0件 商品-->
		</div>
	</body>
	<script>
	var app=new Vue({
		el:"#app",
		data:{
			msg:"HelloWorld"
		},
		methods:{
			doit:function(){
				this.msg="HelloVue"
			}
		}
	})
	
	
	
	</script>
</html>
